<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.css" />
</head>

<body>
    <div id='jiexi_box'>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">真题详情</h1>
        </header>
        <div class="mui-content getHeight">
            <div class="exercise_tt">
                <span v-if="type == 1">单选题</span>
                <span v-else-if="type == 2">多选题</span>
                <span v-else-if="type == 3">判断题</span>
                <span v-else-if="type == 30">简答题</span>
                <span v-else-if="type == 50">材料题</span>
            </div>
            <transition name="questionfade">
                <div class="exercise_nr" v-if="type == 1">
                    <h3 class="question">{{questionDetail.question_title}}</h3>
                    <ul class="anwser_item">
                        <li v-for="op in questionDetail.option_list" :class="op.user_select == 1 ? 'active' : ''"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-if="type == 2">
                    <h3 class="question">{{questionDetail.question_title}}</h3>
                    <ul class="anwser_item_more">
                        <li class="aimLi" v-for="op in questionDetail.option_list" :class="op.user_select == 1 ? 'active' : ''"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-if="type == 3">
                    <h3 class="question">{{questionDetail.title}}</h3>
                    <ul class="anwser_item">
                        <li class="dj_zq" :class="questionDetail.user_answer == 1 ? 'active' : ''"><span>T</span>正确</li>
                        <li class="dj_cw" :class="questionDetail.user_answer == 0 ? 'active' : ''"><span>F</span>错误</li>
                    </ul>
                </div>

                <!--简答题显示-->
                <div class="exercise_nr" v-if="type == 30">
                    <h3 class="question">{{questionDetail.title}}</h3>
                    <div class="fengeLine mb0"></div>
                    <div class="resolve_answer">
                        <h4>解析</h4>
                        <div class="myAnswer_nr">{{questionDetail.parsing ? questionDetail.parsing :
                            '--该题目暂时还没有解析喔--'}}</div>
                    </div>
                    <div class="fengeLine mb0"></div>
                    <div class="resolve_answer">
                        <h4 class="fs15">参考答案</h4>
                        <div class="myAnswer_nr" v-html="questionDetail.answer ? questionDetail.answer : '--该题目暂时没有参考答案--'"></div>
                    </div>
                </div>

                <!--材料题显示-->
                <div class="exercise_nr" v-if="type == 50">
                    <div class="mui-slider bdline">
                        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                            <a class="mui-control-item" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                                :cINdex='cl.cailiao_index' tabCat="cailiao" @tap="select_cailiaoTab($event)" v-for="(cl,cindex) in questionDetail.cl_li">{{cl.section_name}}<em></em></a>
                            <a class="mui-control-item" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                                :qINdex="ql.question_index" tabCat="wenti" @tap="select_cailiaoTab($event)" :qid="ql.id"
                                v-for="(ql,qindex) in questionDetail.question_li">问题{{qindex+1}}<em></em></a>
                        </div>
                    </div>
                    <div class="mui-slider-group">
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                            v-for="(cl,cindex) in questionDetail.cl_li">
                            <div class="material" v-html="cl.section_content"></div>
                        </div>
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                            v-for="(ql,qindex) in questionDetail.question_li">
                            <div class="material p0">
                                <div class="question" v-html="ql.question"></div>
                                <div class="fengeLine mb0"></div>
                                <div class="myAnswer">
                                    <div class="resolve_answer">
                                        <div>
                                            <h4>参考答案：</h4>
                                            <p class="p015" v-html="ql.answer"></p>
                                        </div>
                                        <div class="fengeLine mb0"></div>
                                        <div class="myAnswer_nr">
                                            <p><b>解析</b></p>
                                            <p v-html="ql.parsing"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </transition>
        </div>

        <transition name="questionfade">
            <div class="resolution_box" v-if="(type == 1 || type == 2 || type == 3)">
                <div class="fengeLine m0"></div>
                <div class="resolution">
                    <h5 class="answerKey" v-if="type == 1">正确答案： {{questionDetail.true_answer}}</h5>
                    <h5 class="answerKey" v-if="type == 2">正确答案： {{questionDetail.true_answer}}</h5>
                    <h5 class="answerKey" v-if="type == 3">正确答案： {{questionDetail.true_answer == 1 ? '正确' : '错误'}}</h5>
                    <div class="fengeLine m0"></div>
                    <p class="p15">解析：{{questionDetail.parsing ? questionDetail.parsing : '--该题目暂无解析--'}}</p>
                </div>
            </div>
        </transition>
    </div>

    <script src="../../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../../js/h.min.js"></script>
    <script src="../../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../../js/tpl/onesCategoryQuestionDetails.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/public.js"></script>
</body>

</html>